
//切换注册登录框
$('.login a').on('click', function () {
    $('.login').hide().next().show()
})
$('.register a').on('click', function () {
    $('.login').show().next().hide()
})

// 表单提交事件   注册功能
$('.register form').on('submit', function (e) {
    //阻止默认行为
    e.preventDefault()
    let data = $(this).serialize()
    // console.log(data);
    $.ajax({
        type: 'post',
        url: '/api/reguser',
        data: data,
        datatype: 'json',
        success: function (res) {
            // console.log(res);
            if (res.status == 0) {
                layer.msg(res.message, { icon: 6 });
                //重置表单的值，reset（）是dom方法要先转dom元素
                $('.register form')[0].reset()
                $('.register').hide().prev().show()
            }
        }
    })
})
//自定义表单验证规则
// 1.加载form模块
let form = layui.form;
// console.log(form);
// 2.调用verify方法，编写验证规则
form.verify({
    //验证用户名长度1~9位
    //userlen：[正则表达式，'验证不通过时的提示']，  *只能用数组或函数的形式*
    userlen: [/^[a-zA-Z]\w{1,9}$/, '用户名格式不正确'],
    //验证密码长度6~12位，且不能有空格
    len: [/^\S{6,12}$/, '密码必须是非空白，长度6~12位'],
    same: function (value) {
        //形参value值表示使用该验证规则的输入框的值
        let psw = $('.psw').val()
        if (psw != value) {
            return '密码不一致，请重新输入'
        }
    }
})

// 表单提交事件   登录功能
$('.login form').on('submit', function (e) {
    e.preventDefault();
    $.ajax({
        type: 'post',
        url: '/api/login',
        data: $(this).serialize(),
        success: function (res) {
            // console.log(res);
            if (res.status == 0) {
                localStorage.setItem('token', res.token)
                layer.msg(res.message, {
                    icon: 1,
                    time: 1000 //2秒关闭（如果不配置，默认是3秒）
                }, function () {
                    location.href = './index.html'
                });
            } else {
                layer.msg(res.message)
            }
        }
    })
})
